<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="progress.css">
</head>
<body>
	<!-- <div id="Demo" class="progressTime"> -->
       <!--  <div id="Main"> -->
            <!-- <div id="scrollBar" class="scrollBar">
                <div id="scroll_Track" class="scroll_Track"></div>
                <div id="scroll_Thumb" class="scroll_Thumb"></div>
            </div>
            <p id="scrollBarTxt" style="text-align:center;"></p> -->
           <!--  <div id="progressBar" class="progressBar">
               <div class="progressBar_Track"></div>
           </div>
           <p id="progressBarTxt" style="text-align:center;"></p> -->
   <!-- </div> -->
       <!-- </div> -->


    <div style="width:500px;height:400px;">
    	<div id="scrollBar" class="scrollBar">
    		<div id="scroll_Track" class="scroll_Track"></div>
    		<div id="scroll_Thumb" class="scroll_Thumb"></div>
		</div>
		<p id="scrollBarTxt" style="text-align:center;"></p>
    </div> 
	<script src="jquery-1.8.0.min.js"></script>
	<script src="progress.js"></script>
	<script src="demo.js"></script>
</body>
</html>